<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>订单状态</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <style>
        html,body{
            font-family: "微软雅黑"
        }
        #app{
            float: left;
            width: 100%;
            background: #f5f5f5;
        }
        .aui-bar.aui-bar-light.share_nav{
          background:#fff;
          padding-top:2.5rem;
          position: fixed;
          margin-top: 0 !important;
        }
        .share_nav .share_nav_title{
          height: 4.4rem;
          line-height: 4.4rem;
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          font-size:1.6rem;
          color:#000;
        }
        .share_nav .share_nav_left{
          top: 2.5rem;
          left: 1.3rem;
          position: absolute;
        }
        .share_nav .share_nav_right{
          top: 3.65rem;
          right: 1.3rem;
          position: absolute;
        }
        .share_nav .share_nav_right span{
          position: absolute;
          top:0.8rem;
          right:0;
          width:1.2rem;
          height:1.2rem;
          line-height: 1.2rem;
          color:#fff;
          background:#ed6a20;
          font-size:1rem;
          border-radius: 100%;
        }
        .share_nav img{
          height:1.7rem;
          margin-top:1.35rem;
        }
        .success{
            font-size: 1.6rem;
            color: #848689
        }
        .content{
            width: 100%;
            height: 30.95rem;
            background: #fff;
            float: left;
            margin: 6.9rem 0 0 0;
        }
        .content_icon{
            width: 4.4rem;
	        height: 4.35rem;
            margin: 2.4rem auto;
        }
        .content_status{
            width: 100%;
            height: 1.5rem;
        	font-weight: 600;
        	font-size: 1.5rem;
        	line-height: 1.5rem;
            text-align: center;
        	letter-spacing: 0.04rem;
        	color: #333333;
            margin:0 0 2.15rem 0;
        }
        .content_pay_fun{
            width: 100%;
            height: 1.4rem;
        	font-size: 1.4rem;
        	line-height: 1.4rem;
            text-align: center;
        	letter-spacing: 0.04rem;
        	color: #333333;
            margin: 0 0 1.4rem 0;
        }
        .content_pay_money{
            width: 100%;
            height: 1.4rem;
        	font-size: 1.4rem;
        	line-height: 1.4rem;
            text-align: center;
        	letter-spacing: 0.04rem;
        	color: #333333;
        }
        .content_look_order{
            width: 26.75rem;
        	height: 3.5rem;
        	border-radius: 0.25rem;
        	border: solid 0.05rem #333333;
            margin:3.6rem auto 1rem auto;
            line-height: 3.5rem;
            text-align: center;
            box-sizing: border-box;
            font-size: 1.4rem;
            line-height: 3.5rem;
        }
        .content_shopping{
            width: 26.75rem;
        	height: 3.5rem;
        	background-color: #ed6a20;
        	border-radius: 0.25rem;
            margin: auto;
            line-height: 3.5rem;
            text-align: center;
            box-sizing: border-box;
            color: #fff;
            font-size: 1.4rem;
            line-height: 3.5rem;
        }
    </style>
</head>
<body>
    <div id="app">
        <header class="aui-bar aui-bar-nav aui-bar-light share_nav">
          <a class="aui-pull-left share_nav_left" onclick="close_win()">
            <img src="../../image/share/share_index_nav4.png" alt="">
          </a>
          <div class="aui-title share_nav_title">确认订单</div>
          <a class="aui-pull-right share_nav_right">
                <div class="success">完成</div>
          </a>
        </header>
        <div class="content">
            <div class="content_icon">
                <img :src="status==0?'../../image/user/order_true/icon3.png':'../../image/user/order_true/icon1.png'" alt="">
            </div>
            <div class="content_status">
                {{status==0?"支付成功":"支付失败,请重新支付"}}
            </div>
            <div class="content_pay_fun" v-if="status==0?true:false">
                支付方式：余额
            </div>
            <div class="content_pay_money" v-if="status==0?true:false">
                支付金额：￥1129.60
            </div>
            <div class="content_look_order">
                查看订单
            </div>
            <div class="content_shopping">
                继续购物
            </div>
        </div>
    </div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>

<script type="text/javascript">

  apiready = function(){
    setRefresh()
  }
  var vue =  new Vue({
              el: '#app',
              data: {
                  status:1,
                  },
            })
  //刷新
  function setRefresh(){
      var pullRefresh = new auiPullToRefresh({
          container: document.querySelector('.aui-refresh-content'),
          triggerDistance: 100
      }, function(ret) {

          if (ret.status == "success") {
              setTimeout(function() {
                  pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
              }, 1500)
          }
      })
  }


</script>
